---
title: '@roots/bud-emotion'
description: 'Preconfigured "CSS-in-JS" support with 👩‍🎤 Emotion'
sidebar_label: '@roots/bud-emotion'
---

import CodeBlock from '@theme/CodeBlock'

[👩‍🎤 Emotion](https://emotion.sh) can be added by installing the **@roots/bud-emotion** extension.

## Installation

**@roots/bud-emotion** requires being installed alongside either [babel](https://babeljs.io/) or [swc](https://swc.rs/).

With babel:

```sh npm2yarn
npm install @roots/bud-emotion @roots/bud-babel --save-dev
```

With swc:

```sh npm2yarn
npm install @roots/bud-emotion @roots/bud-swc --save-dev
```
